﻿@charset "utf-8";
html{overflow: hidden;
	scrollbar-arrow-color:#a2a2a2;
	/*scrollbar-3dlight-color:#5f5f5f;*/
	/*scrollbar-face-color:#303030;*/
	scrollbar-shadow-color:#BDBDBD;
	/*scrollbar-highlight-color:#303030;*/
	/*scrollbar-darkshadow-color:#a2a2a2;*/
	scrollbar-track-color:#BDBDBD;
	/*scrollbar-base-color:#efefef;*/
}
body,input,ul,p {margin:0;padding:0;}
body{font:12px/1.2 simsun,"Microsoft yahei",arial,verdana,serif;color:#313131;
-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none;overflow: hidden;}
input,table,tr,td {border:0;}
input::-ms-clear {display:none;width:0;height:0;}
table {border-collapse: collapse;border-spacing: 0;}
ul{list-style: none;}
a,a:hover,a:active,a:visited {color:#313131;text-decoration: none; outline:none;}
.clearfix {zoom:1;}
.clearfix:after,.clearfix:before {content:""; display: table;}
.clearfix:after {clear:both; overflow: hidden;}
.cr {color:#FF3232;}
.cbla {color:#313131;vertical-align: middle;}

input::-webkit-search-cancel-button{
display: none;
}  /*--清除谷歌浏览器下的 search 叉号*/
input::-ms-clear{
display: none;
}  /*--清除IE下的 search 叉号*/

.fl {float:left;}
.fr {float: right;}
.text-l {text-align: left;}
.nsw {-webkit-user-select: none;-moz-user-select: none; -ms-user-select: none; -o-user-select: none;user-select: none; }

/* btn */
.btn {padding:0 5px;border:1px solid #9E9E9E; border-radius: 3px;position:absolute;line-height: 1.5;cursor: pointer;background: #FCFCFC;
-webkit-user-select: none;-moz-user-select: none; -ms-user-select: none; -o-user-select: none;user-select: none; }
.btn:active {background:#F0F0F0;}
.btn-create-stocks,
.btn-selectall {
	right:10px;
	bottom:10px;
}
.btn-ok {bottom: 13px;right:115px;padding:0 20px;}
.btn-cancel {bottom: 13px;right:28px;padding:0 20px;}
/*img*/
.ico {background: url('../images/ico.png') no-repeat;display: inline-block;vertical-align: top;}
.ico-file {height:13px;width:22px;background-position: 0 -5px;}
.ico-search {height:24px;width:30px;background-position: 0 -20px;position: absolute;right:0;top:0; cursor:pointer;}
.ico-update{height:6px;width:6px;background-position: 0 -84px; margin-top: 12px;}

/* mask-guide */
.mask-guide{
	background: url('../images/novice_guide.png') no-repeat;
	width:560px;
	height:345px;
	position:absolute;
	left:0;
	top:0;
	z-index:2;
}
.btn-guide {
	width:85px;
	height:32px;
	position:absolute;
	top:191px;
	left:155px;
}

/*tip*/
.tip {
	color:#fff;
	background: #696969;
	border:1px solid #464646;
	border-radius: 2px;
	position:absolute;
	z-index:999;
	padding:2px 5px;
	top:200px;
	left:150px;
	display: none;
	cursor: default;
}


/* main-layout */
.main-container {
	width:540px;
	height:325px;
	background: #F0F0F0;
	position: relative;
	padding:10px;
}
.contentbox,
.sidebarbox {
	float:left;
}


.contentbox {
	width: 513px;
	height: 454px;
	float: left;
	padding: 10px 0 0 20px;
}
.sidebarbox{
	width: 177px;
	height: 100%;
	float: left;
	background-color: #f5f5f7;
	margin: 0 80px 0 -177px;
}
.sidebar-title{
	width: 100%;
	height: 34px;
	background-color: #f5f5f7;
	position: relative;
}
.sidebarbox-items {
	/*height: 425px; */
	padding-top: 5px;
	overflow-y: auto;
	position: relative;
	background-color: #f5f5f7;
}
.sidebar-tipbox {
	text-align:center;
	width:187px;
	position:absolute;
	top: 150px;
	left:50%;
	margin-left:-94px;
	z-index:999;
	background: #BDBDBD;
	padding:5px 0;
	color:#fff;
	display: none;
}
.searchbox {
	width:100%;
	height:25px;
	border:1px solid #CBCBCB;
	margin-bottom: 5px;
	position: relative;
	z-index:100;
}
.searchbox-focus{
	border: 1px solid #52a0f0;
}
.searchbox input {
	height:24px;
	line-height: 24px;
	margin-left:10px;
	width:437px;
	padding-right:24px;
	color: #000;
}

.searchcontent {
	padding:5px 0;
	border:1px solid #CBCBCB;
	border-top: none;
	z-index:111;
	background: #fff;
	position:absolute;
	top:26px;
	_top:28px;
	width:513px;
	left:-1px;
}
.searchcontent a {
	display: block;
	overflow: hidden;
	white-space:nowrap;
	text-overflow : ellipsis;
	width: 493px;
	padding:0 10px;
	line-height: 18px;
	cursor: default;
}
.searchcontent .active {
	background:#F0F0F0;
}
.searchcontent p{height: 26px; line-height: 26px; padding-left: 10px; cursor: default;}
.searchcontent span{color: red; margin-left: 5px;}
.view_hotquery:hover{background-color: #f0f0f1;}
.view_lastsearch:hover{background-color: #f0f0f1;}

.items{height: 34px; width: 165px; position: relative; cursor: default; overflow: hidden; margin-bottom: 2px;}
.items-name{height: 34px; line-height: 34px; padding-left: 10px;}
.items-name a{cursor: default; display: inline-block; *zoom: 1; _display: inline; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 100px;}
.items-name .num{vertical-align: top; *vertical-align: middle;}
.new{color: red;}
.items-operate, .items-operatemore{position: absolute; top: 0; right: 0; height: 34px; border-left: 2px solid #FFF; background-color: #bdbdc3;}
.items-update1{/*position: absolute; top: 0; right: 38px;*/ display: inline-block; margin: 0 1px; width: 13px; height: 34px; cursor: pointer; background: url(../images/update1.jpg) center center no-repeat;}
.items-update0{/*position: absolute; top: 0; right: 38px;*/ display: inline-block; margin: 0 1px; width: 13px; height: 34px; cursor: pointer; background: url(../images/update2.jpg) center center no-repeat;}
.items-change{/*position: absolute; top: 0; right: 21px;*/ display: inline-block; margin: 0 1px; width: 13px; height: 34px; cursor: pointer; background: url(../images/change.jpg) center center no-repeat;}
.items-delete{/*position: absolute; top: 0; right: 5px;*/ display: inline-block; margin: 0 1px; width: 13px; height: 34px; cursor: pointer; background: url(../images/del.jpg) center center no-repeat;}
.items-update1:hover{background: url(../images/update1-hover.jpg) center center no-repeat;}
.items-update0:hover{background: url(../images/update2-hover.jpg) center center no-repeat;}
.items-change:hover{background: url(../images/change-hover.jpg) center center no-repeat;}
.items-delete:hover{background: url(../images/del-hover.jpg) center center no-repeat;}


.sidebarbox .item-newStock {
	color:#0090FF;
	padding-left:10px;
	border:1px solid #a0a0a0;
}
.sidebarbox .item-new {
	background: #FFD2D2;
}

.sidebarbox .ico-file{
	float:left;
	margin-top:5px;
}
.sidebarbox .item-new .ico-file{
	background-position: 0 -49px;
}
.sidebarbox .item-highlight {
	background: #D2E0ED;
}
.sidebarbox .item-highlight .ico-file{
	background-position: 0 -68px;
}
.sidebarbox .item .new {
	color:red;
	font-size:14px;
}
.sidebarbox .input {
	border:1px solid #a0a0a0;
	background: #fff;
	width:140px;
	display: none;
}


.sidebarbox .item .ico-update {
	line-height: 0;
	font-size: 0;
	float:left;
	margin-top:8px;
	margin-left:2px;
}

.default-content,
.no-result-content,
.result-stock,
.result-condition {
	display: none;
}
.result-stock{
	position: relative;
}

/* 登陆默认内容 */
.default-content {
	padding:10px;
	line-height: 2;
}
.default-content .hot-link {
	/*display: block;*/
	overflow: hidden;
	white-space:nowrap;
	text-overflow : ellipsis;
	width: 300px;
	display: inline-block;
}
.default-content .hotbox a:hover {
	text-decoration: underline;
}
.default-content .last-search a{
	text-decoration: underline;
	color:#0090ff;
	margin-right:15px;
	line-height: 2;
	max-height:48px;
	_height:48px;
	overflow: hidden;
	white-space:nowrap;
	text-overflow : ellipsis;
	width: 84px;
	display:inline-block;
}

/* 无搜索结果 */

.no-result-content {
	padding: 10px;
}


/* pagiation */
.pagiation {
	position:absolute;
	bottom:10px;
	left:10px;
}
.pagiation .box {
	width:16px;
	height:16px;
	border:1px solid #A0A0A0;
	float:left;
	margin-right:-1px;
	text-align: center;
	line-height: 16px;
	background: #fff;
	cursor: pointer;
}
.pagiation .ellipsis {
	border:0;
	border-left:1px solid #A0A0A0;
	cursor: default;
}
.pagiation .explain {
	width:auto;
	border:0;
	margin-left: 2px;
	margin-top:3px;
	cursor: default;
}
.pagiation .box-active {
	background: #ECECEC;
	color:#A0A0A0;
}
.pagiation .box-ban {
	color:#A0A0A0;
	cursor: default;
}
/* table */

table{
	width:100%;
	text-align: center;
}
td {
	height: 30px;
	cursor: default;
}
thead {
	width: 513px; height: 32px; background-color: #e1eaf4; line-height: 32px;
}
tbody .data-stock-select {
	background: #e4e5e9;
	/*background: #0090FF;*/
	/*color:#fff;*/
}

/* 搜索结果-个股*/


/* 搜索结果-条件*/
.result-condition-more{
	width: 530px;
	height: 408px;
	position: relative;
}
.result-table {
	width: 530px;
	height: 355px;
	overflow-y: auto;
	overflow-x: hidden;
	position: relative;
}
.operate {
	width: 100%;
	position: relative;
	/*margin-bottom: 5px;*/
	z-index: 11;
}

.operate p{
	/*color:#A7A7A7;*/
	color: #000;
	padding-left: 10px;
}
.operate p {
	/*margin:5px 0;*/
}
.operate .keyword{
	border: 1px solid #CBCBCB;
	height: 14px;
	line-height: 14px;
	padding: 3px 5px;
	cursor: pointer;
	background-color: #fff;
	display: inline-block;
	*zoom:1;
	_display: inline;
}
.operate .keyword:hover{
	color:#313131;
	border:1px solid #313131;
}

.operate .selected{
	color:#313131;
	border:1px solid #313131;
}



/* 右击菜单 */
.text-menu{
 	position: absolute;
 	border:1px solid #A7A7A7;
 	background: #fff;
 	left:0;
 	top:0;
 	z-index:999;
 }
.text-menu a{
	display: block;
	padding:3px 10px;
}
.text-menu a:hover {
 	background: #efefef;
}

.autocomplete {
    position : absolute;
    text-align : left;
    z-index:100;
    background: #fff;
    width:320px;
    border:1px solid #CBCBCB;
    padding:5px 0;
    border-top: none;
    top:26px;
    left:-1px;
}
.autocomplete li {
    font-size : 12px;
    line-height : 18px;
    height : 18px;
    padding : 0 10px;
    margin : 2px 0;
    width : 100%;
    cursor : pointer;
    overflow : hidden;
    /*color : #999;*/
}
.autocomplete li.selected {
	background:#F0F0F0;
}
.autocomplete li strong {
    border-right : 1px solid #151515;
    margin-right : 5px;
    padding-right : 5px;
    width : 80px;
    display : block;
    float : left;
    overflow : hidden;
}
.autocomplete li.selected strong {
    /*color : #FFE400;*/
    border-right : 1px solid rgb(68,0,0);
}
.autocomplete li span {
    border-right : 1px dashed #151515;
    margin-right : 5px;
    padding-right : 5px;
    width : 100px;
    display : block;
    float : left;
    overflow : hidden;
}

.drag_item {
	/*background: #0090FF;*/
	border:1px solid #0090FF;
	position:absolute;
	width:50px;
	height: 20px;
	display: none;
	z-index:999;
}

.red {
	color:red;
	text-align: right;
	padding-right: 40px;
}
.green {
	color:green;
	text-align: right;
	padding-right: 40px;
}

.mouseEnter{background-color: #dcdcdf;}/*鼠标进入侧边栏的颜色*/
.choose{background-color: #bdbdc3;}/*鼠标点击侧边栏的颜色*/
.selectEnter{background-color: #CBCBCB;}/*鼠标进入下拉框的颜色*/
.bggray{background-color: #F7F7F7;}/*表格背景间隔灰色*/
.tableEnter{background-color: #e4e5e9;}/*鼠标进入表格的颜色*/
.searchEnter{background-color: #f0f0f1;}/*鼠标进入搜索下拉框的颜色*/
.cp{cursor: pointer;}/*鼠标变手形*/

.pl10{padding-left: 10px;}


body{width: 730px; height: 500px; margin: 0 auto; background-color: #FFF;}
.title-div{width: 100%; height: 36px; background-color: #353535; color: #FFF; position: relative;}
.title-span{font-size: 16px; margin-left: 10px; height: 36px; line-height: 36px; cursor: default;}
.title-close{position: absolute; top: 0; right: 10px; width: 22px; height: 36px; background: url(../images/close.jpg) center center no-repeat; cursor: pointer;}
.container{width: 100%; height: 464px; color: #000;}
.list-title{margin-left: 10px; height: 34px; line-height: 34px; cursor: default;}
.title-explain{width: 16px; height: 34px; background: url(../images/explain.jpg) center center no-repeat; cursor: pointer; display: inline-block; vertical-align: middle;}
.add-img{position: absolute; top: 0; right: 30px; width: 16px; height: 34px; background: url(../images/add.png) center center no-repeat; cursor: pointer;}
.down-img{position: absolute; top: 0; right: 10px; width: 16px; height: 34px; background: url(../images/down.png) center center no-repeat; cursor: pointer;}
.up-img{position: absolute; top: 0; right: 10px; width: 16px; height: 34px; background: url(../images/up.png) center center no-repeat; cursor: pointer;}

.searchbar{width: 511px; height: 28px; border: 1px solid #CBCBCB; margin-bottom: 5px; position: relative; z-index: 5;}
.searchbar-search{height:25px; width:30px; background: url('../images/search.png') center center no-repeat; position: absolute; right:0; top:0; cursor:pointer; border-left: 1px solid #CBCBCB;}
.searchbtn-focus{background: url(../images/search_blue.jpg) center center no-repeat; border-left: 1px solid #52a0f0;}
.searchbar-clear{height:28px; width:24px; background: url('../images/clear.png') center center no-repeat; position: absolute; right:30px; top:-1px; cursor:pointer;}

.result-operate{width: 95%; height: 25px; position: relative;}
.result-total{padding-left: 10px; height: 25px; line-height: 25px; font-size: 12px; display: inline-block; *zoom:1; _display: inline;}
.result-total .total{font-weight: bold;}
.create-plate{border: 1px solid #CBCBCB; height: 14px; line-height: 14px; padding: 4px 5px; cursor: pointer; position: absolute; left: 384px; top: 0;}
.add-plate{width: 100px; height: 22px; border: 1px solid #CBCBCB; position: absolute; right: 140px; top: 0; cursor:default; z-index: 105; background-color: #FFF;display: none;}
.add-plate-lock{color: #CBCBCB}

.select-img{height:22px; width:22px; background: url('../images/select.png') center center no-repeat; position: absolute; right:0; top:0;}
.select-option{width: 100px; border: 1px solid #CBCBCB; border-top: none; position: absolute; top: 24px; right: 140px; z-index: 105; background-color: #fff; overflow-y: auto; overflow-x:hidden; height:220px;}
.select-option-stock{right: 0;}
.option, .select-choose, .select-choose-stock{width: 94px; height: 22px; line-height: 22px; padding: 0 3px; cursor: default; cursor: default; display: inline-block; *zoom: 1; _display: inline; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 100px;}
.select-choose, .select-choose-stock{width: 72px; height: 22px; line-height: 22px; padding: 0 3px;}

.noResult{padding-left: 10px; height: 160px; border-bottom: 1px solid #CBCBCB; margin-bottom: 15px; padding-top: 20px;}
.noResult-tip{height: 26px; line-height: 26px;}
.noResult-tip a{color: #52a0f0;}

.recommend{padding-left: 10px;}
.recommend-title{font-weight: bold;}
.recommend-title span{margin-left: 5px; font-weight: normal; color: #52a0f0;}
.recommend-div{height: 26px; line-height: 26px; width: 370px; cursor: pointer;}
.recommend-div:hover{background-color: #f0f0f1;}
.recommend-link{display: block; overflow: hidden; white-space:nowrap; text-overflow : ellipsis; width: 225px;}
.recommend-zf{float: right;}
.recommend-zf span{color: red; display: inline-block; *zoom: 1; _display: inline; width: 45px; text-align: right;}
/*.recommend-link{
	height: 24px;
	line-height: 24px;
	display: block;
	overflow: hidden;
	white-space:nowrap;
	text-overflow : ellipsis;
	width: 350px;
	color: #707070;
	display: inline-block;
}
.recommend-link span{color: red;}*/

.moreCondition{position: relative; background-color: #f0f6fe; padding: 3px 0 3px 5px; margin-top: 3px;}
.condition-arrow{background: url('../images/arrow.png') center bottom no-repeat; width: 20px; height: 10px; position: absolute; top: -10px; _top: -14px; left: 70px;}
.condition{height: 25px; line-height: 25px;}
.condition-title{height: 25px; display: inline-block; *zoom:1; _display: inline; cursor: default;}

.table-headfixed{position: absolute; top: 0px; left: 0px; z-index: 10;}
.table-headfixed-second{top: 0px;}
/*.table-headfixed-stock{position: fixed; top: 102px; left: 198px; z-index: 10; _position: absolute; _top: 0; _left: 0;}*/
.table-headfixed-stock{z-index: 10; position: absolute; top: 0; left: 0;}
.result-tablehead, .result-tablebody{width: 513px;}
.table-body{width: 513px; line-height: 32px;}
.relate-result{position: relative; height: 32px; width: 513px; text-align: left; padding-left: 10px;}
.relate-result span{font-weight: bold;}
/*.relate-result p{position: absolute; top: 0; left: 0; height: 32px; line-height: 32px;}*/

.relate-table{width: 496px; overflow-y: auto;}
.relate-title{height: 28px;}
.relate-total{padding-left: 10px; height: 28px; line-height: 28px; }

.mask{width: 100%; height: 500px; position: absolute; top: 0; left: 0; z-index: 100; background-color: #000; opacity: 0.4; filter: alpha(opacity=40);}
.tip-win, .new-win, .rename-win{position: absolute; top: 164px; left: 50%; width: 354px; height: 172px; margin-left: -177px; background-color: #FFF; z-index: 110; border: 1px solid silver;}
.tip-win{width: 200px; height: 100px; margin-left: -100px; }
.tip-context{margin-left: 10px; line-height: 30px; display: inline-block; *zoom:1; _display: inline;}
.win-head{width: 100%; height: 29px; line-height: 29px; background-color: #353535; cursor: default;}
.win-head p{margin-left: 10px; color: #FFF;}
.win-body{padding: 10px; width: 334px; height: 123px; cursor: default; position: relative;}
.win-input{border: 1px solid #CBCBCB; margin: 5px 0;}
.win-input input{width: 332px; height: 18px; line-height: 18px;}
.search-focus{border: 1px solid #52a0f0;}
.warn{font-size: 12px; height: 16px; line-height: 16px; color: red;}
.attention1, .attention2{font-size: 12px; height: 16px; line-height: 16px; color: #4f9bea; margin-top: 3px;}
.attention2{margin-left: 24px; margin-top: 1px;}
.win-btn, .tip-btn{position: absolute; bottom: 5px; left: 10px; width: 332px; height: 24px; line-height: 24px;}
.tip-btn{width: 185px;}
.noprompt-checkbox{position: absolute; top: 5px; left: 0; *top: 2px;}
.noprompt{position: absolute; left: 17px; top: 0; line-height: 25px; height: 25px;}
.submit, .cancel{padding: 0 10px; color: #fff; background-color: #3d3c3c; position: absolute; top: 0; right: 70px; cursor: pointer;}
.cancel{color: #000; background-color: #dcdcdf; right: 10px;}
.win-close{position: absolute; top: 4px; right: 6px; width: 18px; height: 20px; background: url(../images/close2.jpg) center center no-repeat; cursor: pointer;}

.slimScrollDiv {
	display: inline-block;
	float: left;
}
.show-slide-list {
	position: absolute;
	left: 2px;
	top: 200px;
	height: 67px;
	width: 11px;
	background: url('../images/list-show.png') center bottom no-repeat;
	z-index: 10;
	cursor: pointer;
}
.hide-slide-list {
	position: absolute;
	left: 2px;
	top: 200px;
	height: 67px;
	width: 11px;
	background: url('../images/list-hide.png') center bottom no-repeat;
	z-index: 1000;
	cursor: pointer;
}
.hot-place {
	position: absolute;
	top: 36px;
	left: 0;
	height: 464px;
	width: 12px;
	/*background: red;*/
	/*z-index: 10;*/
}

/*=========coco修改开始=========*/
.ten-stock-title{
	margin-top:20px;
	margin-bottom: 15px;
	color: #000;
}
.ten-stock{
	width: 170px;
	float: left;
}
.ml60{
	margin-left: 60px;
}


/*==========coco修改结束==========*/
